import React from 'react'
import { CircleSpuList } from '../../../myTypes'

export default function GoodThingItem(props: {
  item: CircleSpuList
  style: {
    readonly [key: string]: string
  }
}) {
  const { item, style } = props
  return (
    <div className={style['better-item']}>
      <div className={style['better-pic']}>
        <img src={item.headFigure} alt="" />
      </div>
      <div className={style['better-desc']}>
        <div className={style['better-item-title']}>{item.spuName}</div>
        <div className={style['better-price']}>
          <div className={style.price}>
            <span className={style['price-icon']}>￥</span>
            <span className={style['price-number']}>{item.price}</span>
            <span className={style['price-text']}>起</span>
          </div>
          <div className={style['detail']}>
            <div>详情</div>
            <div className={style['detail-icon']}>
              <img src="/static/arrow/icon-arrow-down-212.png" alt="" />
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}
